<template>
<div class="whole">
<div>
        <span>您好！感谢您喜欢并支持由哈尔滨工业大学(威海)8公寓621共同开发的博客平台</span>
        <br>
        <span>首先，为了您日后可以正常使用本平台，需要您先阅读以下内容...</span>
        <br>
        <a-list item-layout="horizontal" :data-source="data">
    <a-list-item slot="renderItem" slot-scope="item, index">
      <a-list-item-meta
      >
      <a slot="description">{{item.description}}</a>
        <a slot="title" href="https://www.antdv.com/">{{ item.title }}</a>
      </a-list-item-meta>
    </a-list-item>
  </a-list>
  <br>
  <br>
    <a-button type="primary" @click="toRegister">
      我已阅读以上内容
    </a-button>
</div>
</div>


</template>
<script>
const data = [
  {
    title: 'attitude',
    description:'态度要积极向上，与网友交流和善'
  },
  {
    title: 'behaviour',
    description:'行为要得当，不可发布危害本网站以及他人的博客'
  },
  {
    title: 'mentality',
    description:'心态要强硬，不要轻易相信他人的价值观念，容易受他人影响'
  },
];
export default {
  data() {
    return {
      data,
    };
  },
  methods:{
    toRegister(){
      this.$router.push('/register')
    }
  }
};
</script>

<style lang="less" scoped>
.whole{
  height: 100%;
  background-image: url("../../assets/bg1.jpg");
  background-size: 100%,100%;
  // position: fixed;

}
span{
  font-size: 20px;
}
</style>